<app-common-header [title]="'ACCOUNT DETAIL'" [routerUrl]="'/tabs/myAccount/bank-account'">
</app-common-header>

<ion-content>
  <div>
    <ion-grid>
      <ion-row>
        <ion-col size="12">
          <div>
              <ion-card>
                  <ion-card-header>
                    <ion-grid>
                      <ion-row>
                        <ion-col size="2">
                          <div style="width: 100%;height: 100%;border: #000 1px solid;">
        
                          </div>
                        </ion-col>
                        <ion-col size="10">
                          <ion-card-title>
                            <ion-text color="" class="card_title">
                              {{detail.bankName}}
                            </ion-text>
                          </ion-card-title>
                          <ion-card-subtitle>
                              {{detail.accountType == 0 ? 'Debit Card' : 'Credit Card'}}
                          </ion-card-subtitle>
                        </ion-col>
                      </ion-row>
                    </ion-grid>
                  </ion-card-header>
                  <ion-card-content>
                    <ion-grid class="ion-padding-top">
                      <ion-row class="ion-padding-top">
                        <ion-col>
                            **** {{detail.bankAccount}}
                        </ion-col>
                      </ion-row>
                    </ion-grid>
                  </ion-card-content>
                </ion-card>
          </div>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col size="9">
          <p>
            <ion-text color="" style="font-size: 14px;"> 
              Frequently-Used Account
            </ion-text>
          </p>
          <p>
            <ion-text color="" style="font-size: 12px;color: #999;"> 
              You can set up to 3 frequently used accounts
            </ion-text>
          </p>
        </ion-col>
        <ion-col size="3">
          <ion-toggle color="primary" class="toggle_width ion-float-right" name="name"
            [ngClass]="{'toggle_off':!optionEnable,'toggle_on':optionEnable}" (ionChange)="changeEnable($event)">
          </ion-toggle>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col size="12">
          <ion-button expand="full" color="wathet" [disabled]="false" (click)="toRemove()">
            Remove
          </ion-button>
        </ion-col>
      </ion-row>
    </ion-grid>
  </div>
</ion-content>